@import './variables.less';

@media only screen and (max-width: 1440px) {
  @s-menu-width: 240px;

  .@{prefix}-menu {
    &[data-mode='site'] {
      width: @s-menu-width;
    }
  }

  .@{prefix}-layout {
    &[data-site-mode='true'][data-show-sidemenu='true'] {
      padding-left: @s-menu-width + 50;
    }
  }
}

.@{prefix}-menu {
  &-list > li > ul {
    &::after {
      content: '';
      display: block;
      width: 100%;
      height: 16px;
    }
  }

  &-inner &-list > li > a ~ ul {
    margin-top: 0;
  }
}

.@{prefix}-mobile-content {
  display: flex;

  > article {
    flex: 1;
    min-width: 0;

    > .markdown:first-child > *:first-child {
      margin-top: 0;
    }
  }
}

@media only screen and (max-width: 500px) {
  .@{prefix}-mobile-demo-layout {
    padding: 0;
  }
}

.__dumi-default-layout-features,
.__dumi-default-layout-features + .__dumi-default-layout-content,
.__dumi-default-layout-hero + .__dumi-default-layout-content {
  max-width: 1080px;
}
